<!DOCTYPE HTML>
<html>
<head>
<title>About</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Apparatus Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<script src="js/jquery-1.11.1.min.js"></script>
<!---- start-smoth-scrolling---->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
 <script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
			});
		});
	</script>
<!---End-smoth-scrolling---->
 
</head>
<body>
<!----header-banner--->
		<div class="header head-top">
			<div class="container">
				<div class="header-top">
					<div class="logo">
						<a href="index.html">appara<span>tus</span></a>
					</div>
						<div class="social-icons">
							<a href="#"><i class="icon1"></i></a>
								<a href="#"><i class="icon2"></i></a>
										<a href="#"><i class="icon3"></i></a>
												<a href="#"><i class="icon4"></i></a>
						</div>	
							<div class="clearfix"></div>
				</div>
				<div class="top-menu">
					<span class="menu"><img src="images/menu.png" alt=""/>  </span>
						<ul>
							<li><a href="index.html">home</a></li>
								<li><a href="about.html" class="active">about</a></li>
									<li><a href="services.html">services</a></li>
										<li><a href="gallery.html">gallery</a></li>
											<li><a href="blog.html">blog</a></li>
												<li><a href="contact.html">Contact</a></li>
												<!-- script for menu -->
							<script>
							 $("span.menu").click(function(){
							 $(".top-menu ul").slideToggle("slow" , function(){
							 });
							 });
							 </script>
							<!-- //script for menu -->

												<div class="clearfix"></div>
					</ul>
				</div>
				
			</div>
		</div>
			<div class="aboutus">
					<div class="container">
					<h3>about us</h3>
					<div class="about-grids">
					<div class="col-md-7 about-grids1"> 
					<h4>Sed ut perspiciatis unde omnis iste natus sit</h4>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae nunc id lacus gravida ultricies. Nulla consectetur maximus sem vel aliquet. Donec blandit condimentum varius. Mauris tincidunt, urna suscipit aliquam eleifend, augue metus maximus sapien, eu mollis tellus massa a mauris. Donec vulputate est velit, eu gravida ex sagittis eget. Integer sit amet faucibus libero. Duis sagittis gravida mauris, aliquet volutpat lorem ullamcorper ac. Phasellus massa velit, dictum in nisi vitae, gravida cursus nibh. In at metus aliquet, gravida nunc eget, lacinia purus. Sed a mi mollis, faucibus erat. Vivamus at facilisis tortor. Integer condimentum lectus sit amet .sagittis, nisl magna sodales eros, ut feugiat velit velit non turpis.nisl magna sodales eros, ut feugiat velit velit non turpis.ipsum dolor sit amet, consectetur adipiscing elit.ectus sit amet .sagittis, nisl magna sodales eros, ut feugiat velit velit non turpis.nisl magna sodales eros, </p>
					</div>
					<div class="col-md-5 about-grid2">
					<iframe src="https://player.vimeo.com/video/124902958" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> 
					<div class="clearfix"></div>
					</div>
					</div>
					</div>
					</div>

	<!--events -->
	<div class="team">
	   <div class="container">
		 <div class="second-head">
			<h3>Volunteers</h3>
		  </div>
		  <div class="team-top">
			<div class="col-md-3 team-grid">
				<img src="images/t1.jpg" class="img-responsive" alt="/">
				<h4>Kimberly Thompson</h4>
				<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
					<ul class="social-contacts">
						<li><a href="#" title=""><img src="images/facebook.jpg" alt=""></a></li>
						<li><a href="#" title=""><img src="images/gplus.jpg" alt=""></a></li>
						<li><a href="#" title=""><img src="images/pinterest.jpg" alt=""></a></li>
					</ul>
				</div>
				<div class="col-md-3 team-grid">
					<img src="images/t2.jpg" class="img-responsive" alt="/">
					<h4>Rico Massimo</h4>
					<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
						<ul class="social-contacts">
							<li><a href="#" title=""><img src="images/facebook.jpg" alt=""></a></li>
							<li><a href="#" title=""><img src="images/gplus.jpg" alt=""></a></li>
							<li><a href="#" title=""><img src="images/pinterest.jpg" alt=""></a></li>
						</ul>
				</div>
				<div class="col-md-3 team-grid">
					<img src="images/t3.jpg" class="img-responsive" alt="/">
					<h4>Uku Mason</h4>
					<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
						<ul class="social-contacts">
							<li><a href="#" title=""><img src="images/facebook.jpg" alt=""></a></li>
							<li><a href="#" title=""><img src="images/gplus.jpg" alt=""></a></li>
							<li><a href="#" title=""><img src="images/pinterest.jpg" alt=""></a></li>
						</ul>
				</div>
				<div class="col-md-3 team-grid">
					<img src="images/t4.jpg" class="img-responsive" alt="/">
					<h4>Uku Loona</h4>
					<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
						<ul class="social-contacts">
							<li><a href="#" title=""><img src="images/facebook.jpg" alt=""></a></li>
							<li><a href="#" title=""><img src="images/gplus.jpg" alt=""></a></li>
							<li><a href="#" title=""><img src="images/pinterest.jpg" alt=""></a></li>
						</ul>
				</div>
			 <div class="clearfix"> </div>
		</div>
	</div>
 </div>
		<div class="about">
			<div class="container">
				<div class="about-grids">
					<div class="col-md-5 about-grid">
						<h3>our management</h3>
							<div class="about-info">
								<h4>Casaerta voluptatem adminima veniam</h4>
									<p>Ut pharetra aue nec augentumonec in velit vel ipsum auliypam elit magna Donec porta diam eu massa. Quisue diam lorem intdum vitaapibus ac scelerisque.</p>
										<h4>Ut pharetra augentumonec velit ipsum</h4>
											<p>Ut pharetra aue nec augentumonec in velit vel ipsum auliypam elit magna Donec porta diam eu massa. Quisue diam lorem intdum vitaapibus ac scelerisque.</p>
												<h4>Casaerta voluptatem adminima veniam</h4>
													<p>Ut pharetra aue nec augentumonec in velit vel ipsum auliypam elit magna Donec porta diam eu massa. Quisue diam lorem intdum vitaapibus ac scelerisque.</p>
							</div>
					</div>
					<div class="col-md-7 about-grid3">
					<div class="col-md-6 about-grid1">
					<h3>info& advice</h3>
						<img src="images/p6.jpg" class="img-responsive" alt="/">
						 <h4>Casaerta voluptatem uno </h4>
							<p>Aliquam leote llus dolor dapibus eget elementum vel curss eleifend elit. Aenean aucto. wisi et urna. Aliqat. volutpat. Duisac lacuestibulum libero nisl porta scelerie</p>
					</div>
					<div class="col-md-6 about-grid1">
					<h3>about us</h3>
						<img src="images/p5.jpg" class="img-responsive" alt="/">
						 <h4>Casaerta voluptatem uno </h4>
							<p>Aliquam leote llus dolor dapibus eget elementum vel curss eleifend elit. Aenean aucto. wisi et urna. Aliqat. volutpat. Duisac lacuestibulum libero nisl porta scelerie</p>
					</div>
					<div class="clearfix"></div>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
		<div class="footer-section">
						<div class="container">
							<div class="footer-top">
						<p>Copyright &copy; 2015.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
									</div>
							<script type="text/javascript">
						$(document).ready(function() {
							/*
							var defaults = {
					  			containerID: 'toTop', // fading element id
								containerHoverID: 'toTopHover', // fading element hover id
								scrollSpeed: 1200,
								easingType: 'linear' 
					 		};
							*/
							
							$().UItoTop({ easingType: 'easeOutQuart' });
							
						});
					</script>
				<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
				</div>
			</div>

</body>
</html> 